<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>运行保障系统</title>

    <!-- Bootstrap core CSS -->
    <link href="/asset/css/bootstrap.css" rel="stylesheet">

    <!-- Add custom CSS here -->
    <link href="/asset/css/sb-admin.css" rel="stylesheet">

    <link rel="stylesheet" href="/asset/font-awesome/css/font-awesome.min.css">
    <!-- Page Specific CSS -->
    <link rel="stylesheet" href="/asset/css/morris-0.4.3.min.css">
</head>

<body>

<div id="wrapper">

    <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="/index">运行保障系统</a>
        </div>

        <div class="collapse navbar-collapse navbar-ex1-collapse">
            <ul class="nav navbar-nav side-nav">
                <li class="dropdown active">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-caret-square-o-down"></i> 工作空间 <b class="caret"></b></a>
                    <ul class="dropdown-menu">
                        <li><a href="/transactional/eventHandle">事务处理</a></li>
                        <li><a href="/transactional/orderHandle">订单处理</a></li>
                        <li ><a href="/transactional/NeweventHandle">新事务处理</a></li>
                        <li><a href="/transactional/orderRequest">物品订购申报</a></li>
                    </ul>
                </li>

                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-caret-square-o-down"></i> 统计信息 <b class="caret"></b></a>
                    <ul class="dropdown-menu">
                        <li><a href="/message/history">事务历史</a></li>
                    </ul>
                </li>

                <li><a href="/announcement"><i class="fa fa-table"></i> 系统公告</a></li>
                <li><a href="/changePass"><i class="fa fa-edit"></i> 密码修改</a></li>
            </ul>

            <ul class="nav navbar-nav navbar-right navbar-user">
                <li class="dropdown user-dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-user"></i> 管理员 <b class="caret"></b></a>
                    <ul class="dropdown-menu">
                        <li><a href="/logout"><i class="fa fa-power-off"></i> 退出</a></li>
                    </ul>
                </li>
            </ul>
        </div><!-- /.navbar-collapse -->
    </nav>

    <div id="page-wrapper">
        <div class="row">
            <div class="col-lg-12">
                <h1>事务处理</h1>
                <ol class="breadcrumb">
                    <li><a href="/index"><i class="fa fa-dashboard"></i> 首页</a></li>
                    <li class="active"><i class="fa fa-edit"></i> 事务处理</li>
                </ol>
            </div>

            <table class="table table-bordered table-hover tablesorter">
                <thead>
                <tr>
                    <td class="alert alert-danger text-center" colspan="100">待办理</td>
                </tr>
                <tr>
                    <td>状态</td>
                    <td>事务种类</td>
                    <td>事务明细</td>
                    <td>上报网点</td>
                    <td>催办次数</td>
                    <td>上报时间</td>
                    <td>操作</td>
                </tr>
                </thead>
                <tbody>
                <c:forEach items="${readyToHandleData}" var="a">
                    <tr>
                        <td>${a.status}</td>
                        <td>${a.type}</td>
                        <td>${a.detail}</td>
                        <td>${a.applyPlace}</td>
                        <td>${a.cuiban_count}</td>
                        <td>${a.created_at}</td>
                        <td><a class="btn btn-primary btn-sm" href="/transactional/detail?id=${a.id}">办理</a></td>
                    </tr>
                </c:forEach>
                </tbody>
            </table>

            <table class="table table-bordered table-hover tablesorter">
                <thead>
                <tr>
                    <td class="alert alert-info text-center" colspan="100">关注中</td>
                </tr>
                <tr>
                    <td>状态</td>
                    <td>事务种类</td>
                    <td>事务明细</td>
                    <td>上报网点</td>
                    <td>催办次数</td>
                    <td>上报时间</td>
                    <td>操作</td>
                </tr>
                </thead>
                <tbody>
                <c:forEach items="${successHandleData}" var="a">
                    <tr>
                        <td>${a.status}</td>
                        <td>${a.type}</td>
                        <td>${a.detail}</td>
                        <td>${a.applyPlace}</td>
                        <td>${a.cuiban_count}</td>
                        <td>${a.created_at}</td>
                        <td><a class="btn btn-primary btn-sm" href="/transactional/view?id=${a.id}">查看</a></td>
                    </tr>
                </c:forEach>
                <c:forEach items="${successHandleData2}" var="a">
                    <tr>
                        <td>${a.status}</td>
                        <td>${a.type}</td>
                        <td>${a.detail}</td>
                        <td>${a.reportPlace}</td>
                        <td>${a.cuiban_count}</td>
                        <td>${a.created_at}</td>
                        <td><a class="btn btn-primary btn-sm" href="/transactional/view?id=${a.id}">查看</a></td>
                    </tr>
                </c:forEach>
                </tbody>
            </table>


            <table class="table table-bordered table-hover tablesorter">
                <thead>
                <tr>
                    <td class="alert alert-success text-center" colspan="100">受理完毕</td>
                </tr>
                <tr>
                    <td>状态</td>
                    <td>事务种类</td>
                    <td>事务明细</td>
                    <td>上报网点</td>
                    <td>催办次数</td>
                    <td>上报时间</td>
                    <td>操作</td>
                </tr>
                </thead>
                <tbody>
                <c:forEach items="${overHandleData}" var="a">
                    <tr>
                        <td>${a.status}</td>
                        <td>${a.type}</td>
                        <td>${a.detail}</td>
                        <td>${a.applyPlace}</td>
                        <td>${a.cuiban_count}</td>
                        <td>${a.created_at}</td>
                        <td><a class="btn btn-primary btn-sm" href="/transactional/success?id=${a.id}">查看</a></td>
                    </tr>
                </c:forEach>
                </tbody>
            </table>

        </div><!-- /.row -->
    </div>
</div><!-- /#wrapper -->

<!-- JavaScript -->
<script src="/asset/js/jquery-1.10.2.js"></script>
<script src="/asset/js/bootstrap.js"></script>

<!-- Page Specific Plugins -->    <script src="/asset/js/raphael-min.js"></script>
<script src="/asset/js/morris-0.4.3.min.js"></script>
<script src="/asset/js/morris/chart-data-morris.js"></script>
<script src="/asset/js/tablesorter/jquery.tablesorter.js"></script>
<script src="/asset/js/tablesorter/tables.js"></script>

</body>
</html>